*{
    margin: 0;
    padding: 0;
}
.box{
  
    height: 37.5px;
    background-color: orange;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h3{
   font-size: 20px; 
   padding-right: 100px;
    color: white;
  
}
 .box .icon-zuojiantou1{
    font-size: 31.249999999999996px!important;
    padding-right: 111.25px;
}
.box .icon-xiazai{
    font-size: 31.249999999999996px!important;
    color:#c36;
    padding-right: 20px;

}
.nav{
    height: 50px;
    /* background-color: #c36; */
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.nav span:nth-of-type(1){
    width: 97.5px;
    height: 100%;
    background-color: #ccc;

    text-align: center;
    line-height: 50px;
}
.nav span:nth-of-type(2){
    width: 97.5px;
    height: 100%;
    background-color: #ccc;

    text-align: center;
    line-height: 50px;
}
.nav span:nth-of-type(3){
    width: 97.5px;
    height: 100%;
    background-color: #ccc;

    text-align: center;
    line-height: 50px;
}
.nav button{
    flex-grow: 1;
    /* background-color: chartreuse; */
    background-color: #ccc;
    height: 100%;
    font-size: 28px;
    border: none;
   
}
.ull2{
    position: relative;
    z-index: 999;

}
.ull2 li{
    height: 1.0666666666666667rem;
    /* background-color: aquamarine; */
    border: .02666666666666667rem solid #ccc;
    /* padding-left: .5333333333333333rem; */
    line-height: 1.06rem;
}
.ull{
    /* list-style: none; */
    position: relative;
    z-index: 999;


}
.ull li{
    
    height: 1.0666666666666667rem;
    /* background-color: aquamarine; */
    border: .02666666666666667rem solid #ccc;
    /* padding-left: .5333333333333333rem; */
    line-height: 1.06rem;
}
.pin {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content:space-between;
    /* background-color: #ccc; */
}
.pin li{
    width: 4.833333333333333rem;
    height: 6.666666666666666rem;
    background-color: white;
    position: relative;
    list-style: none;

}
.pin img{
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;

}
.pin h4{
    width: 100%;
    height: .5rem;
    /* background-color: #ccc; */
    position: absolute;
    bottom: 0.8rem;
    left: .1.2666666666666666rem;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 .16666666666666666rem;
    

}
.pin span{
    position: absolute;
    bottom: .18rem;
    left: .26666666666666666rem;
    color: #c36;
    font-size: .4466666666666667rem;

}
.pin button{
    position: absolute;
    right: .26666666666666666rem;
    bottom: .1rem;
    background-color: orange;
    border-radius: .16rem;
    color: white;
    width: 1.3rem;
    border: none;
}